<!--
 * @Author: Wang WeiHao
 * @Date: 2024-01-11 17:58:03
 * @LastEditors: Wang WeiHao
 * @LastEditTime: 2024-05-16 09:11:25
 * @Description: 
 * @FilePath: \hmcs_map\src\views\spone\projectManage\xmkh\xmkh.vue
-->
<template>
  <div class="w-100 h-100">
    <containTemplete
      :title="'项目考核管理'"
      :secondTitles="[
        '项目进度',
        '项目成本',
        '质量安全',
      ]"
      :slotWidth="[33, 33, 33]"
    >
      <template #left>
        <div class="w-100 h-100">
           <xmjd :selectValue="left_value" ></xmjd>
        </div>
      </template>
      <template #middle> 
        <xmkh2 :selectValue="middlle_value"></xmkh2>

      </template>

      <template #right>
        <zlaq />
      </template>
      <template #left_control>
      <proSelect
        :optionsData="useOptions().year()"
        :defaultSelectValue="new Date().getFullYear()-1"
        v-model:select-value="left_value"
        :width="150"
      >
      </proSelect>
    </template>
    <template #middle_control>
      <proSelect
        :optionsData="useOptions().year()"
        :defaultSelectValue="new Date().getFullYear()-1"
        v-model:select-value="middlle_value"
        :width="150"
      >
      </proSelect>
    </template>
    </containTemplete>
  </div>
</template>

<script setup lang="ts">
import h_normal from "@/components/common/echart/h_nomal.vue";
import pie_normal from "@/components/common/echart/pie_normal.vue";
import pie_bk from "@/components/project/piebk_vue3.vue";
import { useFunc } from "@/hook/useFunc";
import xmjd from './xmjd.vue'
import xmkh2 from "./xmkh2.vue";
import jszq from "./jszq.vue";
import zlaq from './zlaq.vue'
import { useOptions } from "@/hook/useOptions";
import containTemplete from "@/components/project/containTemplete.vue";
const left_value = ref();
const middlle_value = ref()
onMounted(() => {});
</script>

<style scoped lang="less"></style>
s